<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <title>^^title-一体机网络监控-修改</title>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
  
  <link rel="stylesheet" href="^^static_url/css/vendor.css">
  <link rel="stylesheet" href="^^static_url/css/1m2.css">
</head>
<body>
  @@include('header.html')
  @@include('menu.html')
  <div class="content-wrap">
    <ol class="breadcrumb _white">
      <li><a href="./index.html">设备列表</a></li>
      <li class="active">修改设备</li>
    </ol>
    <div class="detail-title">
      <div class="detail-title-text">修改设备</div>
    </div>
    <div class="content">
      <form class="form form-horizontal inner-form" id='form'>
        <div class="form-group form-group-required">
          <label for="deviceName" class="col-xs-24 col-sm-^^gutter-name control-label">设备名称</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="form-control-static">{{ deviceName}}</div>
          </div>
          <div class="popover right"><div class="arrow"></div> <div class="popover-content">一体机终端mac地址</div></div>
        </div>
        <div class="form-group">
          <label for="url" class="col-xs-24 col-sm-^^gutter-name control-label">设备网络监控访问地址</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="url" class="form-control" name="url" :disabled="isLock">
          </div>
          <div class="popover right">
            <div class="arrow"></div>
            <div class="popover-content">
              如：http://4CCC6AOED5CC.315hub.com:8888<br>"4CCC6AOED5CC" 为终端编号<br>"8888"为 frps服务器<br>vhost_http_port = 8888 值 315hub.com为主域名
            </div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="flag" class="col-xs-24 col-sm-^^gutter-name control-label">监控开关</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(flag - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="flag = 1">开启</button>
              <button type="button" class="btn" :class="(flag - 0) === 2 ? 'btn-warning' : 'btn-default'" :disabled="isLock" @click="flag = 2">暂停</button>
              <button type="button" class="btn" :class="(flag - 0) === 3 ? 'btn-danger' : 'btn-default'" :disabled="isLock" @click="flag = 3">关闭</button>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="isSendMsg" class="col-xs-24 col-sm-^^gutter-name control-label">是否发送预警短信</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(isSendMsg - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isSendMsg = 1">发送</button>
              <button type="button" class="btn" :class="(isSendMsg - 0) !== 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="isSendMsg = 0">不发送</button>
            </div>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="publishMode" class="col-xs-24 col-sm-^^gutter-name control-label">是否发布</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="publishMode === '1' ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="publishMode = '1'">是</button>
              <button type="button" class="btn" :class="publishMode !== '1' ? 'btn-primary' : 'btn-default'" :disabled="isLock" @click="publishMode = '0'">否</button>
            </div>
          </div>
          <!-- <div class="popover right">
            <div class="arrow"></div>
            <div class="popover-content">
              <p>是：(每隔一定间隔时间下载更新文件)</p>
              <p>否：(凌晨2点下载更新文件)</p>
            </div>
          </div> -->
        </div>
        <div class="form-group form-group-required" v-if='publishMode === "1"'>
          <label for="name" class="col-xs-24 col-sm-^^gutter-name control-label">发布程序包名称</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <select class="form-control" autofocus="off" v-model="name" name="name" :disabled="isLock" autocomplete="off">
              <option value=''>请选择</option>
              <option v-for="name in nameList" :value="name.publishVersion">
                {{ name.name }}
              </option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="mobiles" class="col-xs-24 col-sm-^^gutter-name control-label">手机号码</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="mobiles" class="form-control" name="mobiles" :disabled="isLock" placeholder="支持多个手机号码以逗号隔开">
          </div>
        </div>
        <div class="form-group">
          <label for="remark" class="col-xs-24 col-sm-^^gutter-name control-label">备注</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <textarea v-model="remark" class="form-control" rows="3" name="remark" :disabled="isLock"></textarea>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-24 col-sm-offset-^^gutter-name col-sm-^^gutter-value">
            <button type="submit" class="btn btn-primary btn-h-llg" :disabled="isLock">提交</button>
          </div>
        </div>
      </form>
    </div>
  </div>
  @@include('footer.html')
</body>
<script src="^^static_url/js/vendor.js"></script>
<script src="^^static_url/js/onePCMonitor_modify.js"></script>
</html>